<template>
  <div class="content-container">
    <div class="header">
      <slot name="header"></slot>
    </div>
    <div class="body">
      <slot name="body"></slot>
    </div>
    <div class="footer">
      <slot name="footer"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ContentTabs',
  data() {
    return {}
  },
  methods: {},
}
</script>
<style scoped lang="scss">
.content-container {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  .body {
    background: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
  }
  .footer {
    text-align: center;
    padding: 12px;
  }
}
</style>

